<template>
  <MainContent title="事件管理">
    <template #tab-bar>
      <el-tabs v-model="activeName">
        <el-tab-pane label="事件列表" name="1"> </el-tab-pane>
        <el-tab-pane label="事件分类" name="2"> </el-tab-pane>
      </el-tabs>
    </template>
    <list v-if="activeName == 1"> </list>
    <classify v-if="activeName == 2"></classify>
  </MainContent>
</template>
<script>
import Classify from "./component/classify.vue";
import List from "./component/List.vue";
export default {
  components: { List, Classify },
  name: "eventManagement",
  data() {
    return {
      activeName: "1",
    };
  },
};
</script>
<style lang="scss" scoped>
//:deep(.content .content-slot-bg)  {
//  background: none;
//  padding: 16px 0px;
//}
:deep(.el-tabs__header) {
  margin-bottom: 0;
}
</style>
